<template>
    <div class="person">
      <h2>vue2生命周期</h2>
    </div>
  </template>
  <script lang='ts'>
  export default{
      name:'person',
      data(){
          return{
          }
      },
      methods: {
      },
      created() {
        console.log("----create----")
      },
      beforeCreate() {
        console.log("----beforeCreate----")
      },
      beforeMount() {
        console.log("----beforeMount----")
      },
      mounted() {
        console.log("----mounted----")
      },
      updated() {
        console.log("----updated----")
      },
      beforeUpdate() {
        console.log("----beforeUpdate----")
      },
      beforeDestroy() {
        console.log("----beforeDestroy----")
      },
      destroyed() {
        console.log("----destroyed----")
      },
  }
  </script>
<style scoped>
</style>